<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
		/* 	p:nth-child(odd){
				color: red;
			}
			p:nth-child(even){
				color: blue;
			} */
			
			/* p:nth-of-type(odd){
				color: red;
			}
			
			p:nth-of-type(even){
				color: blue;
			} */
			
			
			p:nth-child(2n+1){
				color: red;
			}
			
		</style>
	</head>
	<body>
		
		
		<!-- 
		 nth-child(odd) 选中同级别中奇数
		 nth-child(even) 选中同级别中偶数
		 :nth-child(xn+y)
		 x和y是用户自定义的，而n是一个计数器
		 
		 
		 -->
		 <h1>我是标题</h1>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		<p>我是项目</p>
		 <h1>我是标题</h1>
	</body>
</html>